<template>
  <div class="change-pwd-page">
    <a-form labelAlign="right">
      <a-form-item label="原密码">
        <a-input style="width: 220px"></a-input>
      </a-form-item>
      <a-form-item label="新密码">
        <a-input style="width: 220px"></a-input>
      </a-form-item>
      <a-form-item label="确认密码">
        <a-input style="width: 220px"></a-input>
      </a-form-item>
      <a-form-item label=" " :colon="false">
        <a-button type="primary" style="margin-right: 20px">确认</a-button>
        <a-button>重置</a-button>
      </a-form-item>
    </a-form>
  </div>
</template>
<script lang="ts" setup>
const labelCol = { span: 4 },
  wrapperCol = { span: 20 };
</script>
<style lang="scss" scoped>
.change-pwd-page {
  :deep(.ant-form-horizontal .ant-form-item-label) {
    width: 80px;
  }
}
</style>
